import {ContextMenu} from '../dComponent'

function PcontextMenu(props){

    return(
        <div className="page">
            <h2>右击</h2>
            <ContextMenu 
                menus={[
                    {name:'查看',children:[{name:'大图标'},{name:'中等图标'},{name:'小图标'}]},
                    {name:'排序方式',children:[{name:'名称'},{name:'项目类型'},{name:'文件大小'},{name:'修改日期'}]},
                    {name:'刷新', onclick:()=>window.location.reload()},
                    {name:'新建',children:[{name:'文本文档'},{name:'word'}]},
                    {name:'显示设置'},
                ]}
                target={document}
            />
            <br/>
            {/* <p>示例代码</p>
            <pre>
                <code className="hljs">
                {

                }
                </code>
            </pre> */}
        </div>
    )
}
export default PcontextMenu